layui.use(['element', 'form', 'table', 'layer', 'laydate'], function () {
    var layer = layui.layer;
    var $ = layui.$;
    var table = layui.table;
    var form = layui.form;
    var laydate = layui.laydate;

    laydate.render({
        elem: '.dateStr1'
    });
    laydate.render({
        elem: '.dateStr2' //指定元素
    });

    //未结算表格数据
    table.render({
        elem: '#userTable',
        url: 'SelectTa?dealState=2',
        page: true,
        height: 'full-20',
        cellMinWidth: 80,
        toolbar: '#userToolBar',
        limit:5,//默认进去每页显示5条
        limits:[5,10,15],//自己设置下拉列表5,10,15，行
        cols: [
            [ //表头
                {type: 'checkbox', fixed: 'left'}
                , {field: 'taId', title: 'TA交易Id', align: 'center', hidden: true}
                ,{field: 'accountName', title: '现金账户名称', align:'center'}
                ,{field: 'fundName', title: '基金名称',  align:'center'}
                , {field: 'unitPrice', title: '单价', align: 'center'}
                , {field: 'quantity', title: '数量', align: 'center'}
                , {field: 'money', title: '总金额', align: 'center'}
                , {field: 'dealTime', title: '交易日期', align: 'center'}
                , {
                field: 'dealType', title: '交易类型', align: 'center', templet: function (item) {
                    if (item.dealType == '1') {
                        return '申购';
                    } else if (item.dealType == '2') {
                        return '赎回';
                    } else if (item.dealType == '3') {
                        return '认购';
                    }
                }
            }
                , {
                fixed: 'right', field: 'dealState', title: '交易状态', align: 'center', templet: function (item) {
                    if (item.dealState == '1') {
                        return "<span style='color: green'>已结算</span>";
                    } else if (item.dealState == '2') {
                        return "<span style='color: red'>未结算</span>";
                    }
                }
            }
            ]
        ]
    });


    //已结算表格数据
    table.render({
        elem: '#userTable2',
        url: 'SelectTa?dealState=1',
        page: true,
        height:'full-180',
        cellMinWidth: 80,
        toolbar: '#userToolBar2',
        page: true,//开启分页
        limit:5,//默认进去每页显示5条
        limits:[5,10,15],//自己设置下拉列表5,10,15，行
        cols: [
            [ //表头
                {type: 'checkbox', fixed: 'left'}
                , {field: 'taId', title: 'TA交易Id', align: 'center', hidden: true}
                ,{field: 'accountName', title: '现金账户名称', align:'center'}
                ,{field: 'fundName', title: '基金名称',  align:'center'}
                , {field: 'unitPrice', title: '单价', align: 'center'}
                , {field: 'quantity', title: '数量', align: 'center'}
                , {field: 'money', title: '总金额', align: 'center'}
                , {field: 'dealTime', title: '交易日期', align: 'center'}
                , {
                field: 'dealType', title: '交易类型', align: 'center', templet: function (item) {
                    if (item.dealType == '1') {
                        return '申购';
                    } else if (item.dealType == '2') {
                        return '赎回';
                    } else if (item.dealType == '3') {
                        return '认购';
                    }
                }
            }
                , {
                fixed: 'right', field: 'dealState', title: '交易状态', align: 'center', templet: function (item) {
                    if (item.dealState == '1') {
                        return "<span style='color: green'>已结算</span>";
                    } else if (item.dealState == '2') {
                        return "<span style='color: red'>未结算</span>";
                    }
                }
            }
            ]
        ]
    });
    table.on('toolbar(userTable)', function (obj) {
        switch (obj.event) {
            case "search":
                //获得选中的对象
                var checkStatus = table.checkStatus("userTable"); //idTest 即为基础参数 id 对应的值
                // 其中 ID 为基础参数 id 对应的值（见：设定容器唯一ID）

                var dataArr = checkStatus.data; //获取选中行的数据
                var Settlement = JSON.stringify(dataArr);
                if (dataArr.length == 0) {
                    layer.msg("请先选中数据");
                } else {
                    layer.confirm('真的要结算嘛', function () {
                        console.log(Settlement)
                        //向服务端发送结算指令
                        $.post("./updateTaSettlement", "Settlement=" + Settlement, function (msg) {
                            if (msg > 0) {
                                table.reload('userTable');
                                table.reload('userTable2');
                                /!*渲染刷新*!/
                                layer.closeAll();
                                layer.msg('结算成功', {
                                    title: '提示',
                                    area: ['200px',
                                        '140px'],
                                    btn: ['知道了']
                                });
                            } else {
                                layer.closeAll();
                                layer.msg('结算失败', {
                                    title: '提示',
                                    area: ['200px',
                                        '140px'],
                                    btn: ['知道了']
                                });
                            }
                        });
                        return false;
                    });
                }
                break;
            case 'select':
                var dealTime = $("#dealTime").val();
                var dealType = $("#dealType").val();
                // alert('username' + ",");
                // alert('userid' + ",");
                //重新把表格渲染了一遍 mytable是表格的ID
                table.reload('userTable',
                    {
                        //查询的条件
                        where: {
                            'dealTime': dealTime,
                            'dealType': dealType,

                        },
                        //page设定默认当前页为1 current 当前的
                        page: {
                            curr: 1
                        }
                    });
                //进行搜索之后不再让值消失，除非自己清空
                $("#dealTime").val(dealTime);
                $("#dealType").val(dealType);
                break;
        }
    });

    //给工具条的反结算添加事件
    table.on('toolbar(userTable2)', function (obj) {
        switch (obj.event) {
            case "search2":
                //获得选中的对象
                var checkStatus = table.checkStatus("userTable2"); //idTest 即为基础参数 id 对应的值
                // 其中 ID 为基础参数 id 对应的值（见：设定容器唯一ID）
                var dataArr = checkStatus.data; //获取选中行的数据
                var Settlement = JSON.stringify(dataArr);
                if (dataArr.length == 0) {
                    layer.msg("请先选中数据");
                } else {
                    layer.confirm('真的要反结算嘛', function () {
                        layer.close();
                        //向服务端发送删除指令
                        $.post("./updateTaSettlementTwo", "Settlement=" + Settlement, function (msg) {
                            if (msg > 0) {
                                table.reload('userTable2');
                                table.reload('userTable');  /*渲染刷新*/
                                layer.closeAll();
                                layer.msg('反结算成功', {
                                    title: '提示',
                                    area: ['200px',
                                        '140px'],
                                    time: 0,
                                    btn: ['知道了']
                                });
                            } else {
                                layer.closeAll();
                                layer.msg('反结算失败', {
                                    title: '提示',
                                    area: ['200px',
                                        '140px'],
                                    time: 0,
                                    btn: ['知道了']
                                });
                            }
                        });
                        return false;
                    });
                }
                break;
        }
    });
    //取消按钮事件
    function quxiao(){
        layer.closeAll();
    }
})